<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Index 1</title>
<style>
	a{
		text-decoration: none;
	}
	a:hover{
		text-decoration: underline;
		color: red;
		font-size: 12px;
		font-weight: bolder;
	}
	h3 {
		text-align: center;
		border: 2px solid white;
		margin :5px;
		padding: 5px;
		color: white;
		border-radius: 10px;
		box-shadow: 3px 3px 15px black;
	}
</style>
</head>
<body background=".\images\beautiful.jpg">
	
	<table>
		<tr>
			<td valign="top" width=200px >
				<h1><font color="white" style="font-family: sans-serif">MENU</font></h1>
				<h3>Begin</font></h3>
				<h3>Body</font></h3>
				<h3>Font</font></h3>
				<h3>Paragraph</font></h3>
				<br/>
					<font size="2" ><a href="./paragraph/p.html" target="content">P 태그</a></font><br/>
					<font size="2" ><a href="./paragraph/pre.html" target="content">Pre 태그</a></font><br/>
					<font size="2" ><a href="./paragraph/div.html" target="content">Div 태그</a></font><br/>
					<font size="2" ><a href="./paragraph/xmp.html" target="content">Xmp 태그</a></font><br/>
					<font size="2" ><a href="./paragraph/fieldset.html" target="content">Fieldset 태그</a></font><br/>
					<font size="2" ><a href="./paragraph/blockquote.html" target="content">Blockquote 태그</a></font><br/>
					<font size="2" ><a href="./paragraph/hr.html" target="content">Hr 태그</a></font><br/>
					<font size="2" ><a href="./paragraph/section.html" target="content">Section 태그</a></font><br/>
					<font size="2" ><a href="./paragraph/a_name.html" target="content">특정위치로 이동</a></font><br/>
					<font size="2" ><a href="./paragraph/b_name.html" target="content">다른 문서의 특정위치로 이동</a></font>
				<br/><br/>
				<h3>Homepage</h6>
					<a href="http://www.google.co.kr" target="_blank">구글</a><br/>
					<a href="http://www.apple.co.kr" target="content">사과시럽</a>
				
				<h3>Partner's page</h6>
					<a href="http://192.168.10.126:8888/web1403/index1.html" target="content">지재느님</a><br/>
					<a href="http://192.168.10.122:8889/web1403/index1.html" target="content">진규</a><br/>
					<a href="http://192.168.10.102:9999/web1403/index1.html" target="content">이미선</a><br/>
					<a href="http://192.168.10.9:8888/web1403/index1.html" target="content">강사님</a>
			</td>
			
			<td>
				<iframe name="content" width="700px" height="500px"></iframe>
			</td>
		</tr>
	</table>
	직종
	<select name="job" size="3" multiple="multiple">
		<option value="학생">학생
		<option value="농업">농업
		<option value="상업">상업
		<option value="공업">공업
		<option value="서비스">서비스
		<option value="공무원">공무원
	</select>
</body>
</html>